<template>
  <div>
    <div class="container">
      <pic-zoom
        :url="url"
        :scale="3"
      />
    </div>
  </div>
</template>

<script>
// 引入插件
//  :show-eidt="true"  显示切换按钮，需要在样式中加入 rotate.png
import PicZoom from './PicZoom'
export default {
  components: { PicZoom },
  data () {
    return {
      url: 'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2125953539,1601062930&fm=26&gp=0.jpg'
    }
  }
}
</script>
<style scped>
.container {
  width: 500px;
  height: 500px;
  border: 1px solid #eee;
  margin: 50px auto;
}
</style>
